import React from 'react'
import { Descriptions } from 'antd'
import CardTitle from './CardTitle'
// import { color, ba } from '../../utils/json'

export default function VehicleRecordingPre(props) {
  const { record = {} } = props

  return (
    <div>
      <CardTitle title="状态信息"></CardTitle>
      <Descriptions>
        <Descriptions.Item label="终端接入状态">
          {record.accessState}
        </Descriptions.Item>
        <Descriptions.Item label="车辆激活状态">
          {record.activationState}
        </Descriptions.Item>
        <Descriptions.Item label="车辆备案审核状态">
          {record.recordState}
        </Descriptions.Item>
        {/* <Descriptions.Item label="备案状态">
          {
            <Badge
              status={color[record.filingStatus]}
              text={ba[record.filingStatus]}
            />
          }
        </Descriptions.Item> */}
        <Descriptions.Item label="车辆在线状态">
          {record.onlineState}
        </Descriptions.Item>
        {/* <Descriptions.Item label="丢包率">
          {record.engineModel}
        </Descriptions.Item> */}
      </Descriptions>
      {/* <CardTitle title="测试丢包率运营记录"></CardTitle> */}
    </div>
  )
}
